<?php
session_start();
?>
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <title>TechDera -- Dashboard</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="">
    <meta name="author" content="">

    <!-- Le styles -->
    <script src="../../assets/js/jquery.js"></script>
    <link href="../../assets/css/bootstrap.css" rel="stylesheet">
    <style type="text/css">
      body {
     
        padding-top: 60px;
        padding-bottom: 40px;
      }
      .sidebar-nav {
        padding: 9px 0;
      }
      .form-horizantal label.error {
    color: #FB3A3A;
    display: inline-block;
    margin: 4px 0 5px 125px;
    padding: 0;
    text-align: left;
    width: 220px;
}
    </style>
    <style>
     .form-signin {
        max-width: 300px;
        padding: 19px 29px 29px;
        margin: 0 auto 20px;
        background-color: #fff;
        border: 1px solid #e5e5e5;
        -webkit-border-radius: 5px;
           -moz-border-radius: 5px;
                border-radius: 5px;
        -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.05);
           -moz-box-shadow: 0 1px 2px rgba(0,0,0,.05);
                box-shadow: 0 1px 2px rgba(0,0,0,.05);
      }
      .form-signin .form-signin-heading,
      .form-signin .checkbox {
        margin-bottom: 10px;
      }
      .form-signin input[type="text"],
      .form-signin input[type="password"] {
        font-size: 16px;
        height: auto;
        margin-bottom: 15px;
        padding: 7px 9px;
      }
     
  </style>
  <script>
  $(document).ready(function(){
  	$(".alert-messages-success").fadeOut(5000);
  	$(".alert-failure").fadeOut(5000);
  });
  </script>
 
    <link href="../../assets/css/bootstrap-responsive.css" rel="stylesheet">

    <!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
    <!--[if lt IE 9]>
      <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->

    <!-- Fav and touch icons -->
    <link rel="apple-touch-icon-precomposed" sizes="144x144" href="../../assets/ico/apple-touch-icon-144-precomposed.png">
    <link rel="apple-touch-icon-precomposed" sizes="114x114" href="../../assets/ico/apple-touch-icon-114-precomposed.png">
      <link rel="apple-touch-icon-precomposed" sizes="72x72" href="../../assets/ico/apple-touch-icon-72-precomposed.png">
                    <link rel="apple-touch-icon-precomposed" href="../../assets/ico/apple-touch-icon-57-precomposed.png">
                                   <link rel="shortcut icon" href="../../assets/ico/favicon.png">
                                   
   
  </head>

  <body>
<div class="navbar navbar-inverse navbar-fixed-top">
      <div class="navbar-inner">
        <div class="container">
          <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </a>
          <a class="brand active" href="#"><img src="../../assets/img/TechDera-Small.png" /></a>
          <div class="nav-collapse collapse">
            <ul class="nav">
              <li><a href="#overview">Overview</a></li>
       
              <li class="dropdown">
                <a href="#" class="dropdown-toggle" data-toggle="dropdown"><i class="icon-calendar icon-white"></i>&nbsp;Programs<b class="caret"></b></a>
                <ul class="dropdown-menu">
                  <li><a href="#">Courses</a></li>
                  <li><a href="#">Seminars</a></li>
                  <li><a href="#">Conferences</a></li>
                  <li class="divider"></li>
                  <li class="nav-header">Scheduals</li>
                  <li><a href="#">Timetable</a></li>
                  <li><a href="#">Doodle</a></li>
                </ul>
              </li>
                 <li><a href="#"><i class="icon-envelope icon-white"></i>&nbsp;Contact Us</a></li>
               <li><a href="#code"><i class="icon-thumbs-up icon-white"></i>&nbsp;Donate</a></li>
              
            </ul>
           
            <div class="pull-right">
	         <ul class="nav">   
            <li id="login"><a href="#myModal" role="button" data-toggle="modal"><i class="icon-user icon-white"></i>&nbsp;Already Member?Login</a></li>
	         </ul>
            </div>
            
          </div><!--/.nav-collapse -->
        </div>
      </div>
    </div>
    <!--Login-->
  <!-- Modal -->

<form action="controller/login.php" method="post" style="margin:0px">
		<div id="myModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
		
		  <div class="modal-header">
		    <button type="button" class="close" data-dismiss="modal" aria-hidden="true"><i class="icon-remove-circle  icon-large"></i></button>
		     <h3 id="myModalLabel">Login here!</h3>
		  </div>
		  <div class="modal-body">
		  <div class="row">
		 
		      
    
		  	<div class="span4">
		  	
		  	
		    	<center>
    
		    	<table class="table">
		    	<tr><td>Login:</td><td> <input type="text" placeholder="User Name" name="login"></td></tr>
		    	<tr><td>Password:</td><td> <input type="password" placeholder="Password" name="password"></td></tr>
		    	</table>
		    	</center>
			
		    </div>
		 
		  </div>
		
		  </div>
		  <div class="modal-footer">
		    <button class="btn" data-dismiss="modal" aria-hidden="true">Close</button>
		    <button class="btn btn-success">Login!</button>
		  </div>
		</div>
</form>
<!--End Model-->
    <!--/Login-->
    </div>
       <?php
	if( isset($_SESSION['ERRMSG_ARR']) && is_array($_SESSION['ERRMSG_ARR']) && count($_SESSION['ERRMSG_ARR']) >0 ) {
		echo "<span class='alert-failure'>";
		
		foreach($_SESSION['ERRMSG_ARR'] as $msg) {
			echo '<span>',$msg,'</span><br/>'; 
		}
		echo "</span>";
		unset($_SESSION['ERRMSG_ARR']);
	}
	if(isset($_SESSION['logout'])){
		echo "<span class='alert-messages-success'>" . $_SESSION['logout'] . "</span>";
		}
		unset($_SESSION['logout']);
	if(isset($_SESSION['user_login_need'])){
		echo "<span class='alert-failure'>" . $_SESSION['user_login_need'] . "</span>";
		}
	unset($_SESSION['user_login_need']);
?>
    <div class="container" id="signup">
    <ul class="breadcrumb">
    	<li>
	    	<a href="../">Home</a>
	    	<span class="divider">/</span>
	    </li>
	    <li>
	    <a href="../overview.html">Overview</a>
	    <span class="divider">/</span>
	    </li>
	    <li class="active">Membership</li>
	    
	         
    </ul>
      <div class="row-fluid">
        <div class="span3">
          <div class="well sidebar-nav">
            <ul class="nav nav-list">
              <li class="nav-header">Students Management</li>
              <li class="active"><a href="index.php">Register New Student</a></li>
              <li><a href="modify_students.php">Modify Student</a></li>
              
              <li class="nav-header">Courses Management</li>
              <li><a href="#">Add New Course</a></li>
              <li><a href="#">Maintain Courses</a></li>
             
              <li class="nav-header">User</li>
              <li><a href="#">Profile</a></li>
              <li><a href="#">Change Password</a></li>
              <li><a href="controller/logout.php">Logout</a></li>
              
              
            </ul>
          </div><!--/.well -->
        </div><!--/span-->
        
      

        <div class="span9">
        
    
         <!--Form-->
         <form class="form-horizantal" method="post" action="controller/addStudent_ac.php">
         	<fieldset>
         		<legend>Join as a member</legend>
         		<p class="alert alert-info">* Indicates Required Fields</p>
         		<table class="table">
         			<tr><th>Personal Information</th><th>&nbsp;</th><th>Contact Information:</th><th>&nbsp;</th></tr>
         			<tr><td>Title:<sup>*</sup></td><td><input type="radio" name="title" value="Mr."/>Mr.</td><td>Cell:<sup>*</sup></td><td><input type="text" name="cell" placeholder="exp:+93 70 919 6665" required/></td></tr>
         			
         			<tr><td>Surename:<sup>*</sup></td><td><input type="text" name="surename" required /></td><td>Cell:<sup>*</sup></td><td><input type="text" name="cell" placeholder="exp:+93 70 919 6665" required/></td></tr>
         			
         			
         			<tr><td>Firstname:<sup>*</sup></td><td><input type="text" name="firstname" required /></td><td>Phone:</td><td><input type="text" name="phone" required /></td></tr>
         			
         			<tr><td>Fathername:<sup>*</sup></td><td><input type="text" name="fathername" required /></td><td>Email:<sup>*</sup></td><td><input type="email" name="email" required />
	         		
	         			
         			</td></tr>
         			
         			<tr><td>National ID Number:<sup>*</sup></td><td><input type="text" name="nid" required /></td><td>Website:</td><td><input type="url" name="url"/></td></tr>
         			
         			<tr><td>Date of Birth:<sup>*</sup></td><td><input type="text" name="dob" placeholder="exp: 1985-04-09" required /></td><td>Province:<sup>*</sup></td><td><input type="text" name="province" required /></td></tr>
         			<tr><td>Gender:<sup>*</sup></td><td>
<input type="radio" name="gender" value="Male">
&nbsp;<span>Male</span>
<input type="radio" name="gender" value="Female">
&nbsp;Female</td><th>Course Selection:</th><td>&nbsp;</td></tr>

<tr><td>Employment Type:<sup>*</sup></td><td>
							<select name="emp_type" required>
								<option value=''>Select Participant Type</option>
								<option value='Student'>Student</option>
								<option value='Employed'>Employed</option>
								<option value='Retired'>Retired</option>
								<option value='Undeclared'>Undeclared</option>
							</select></td>
							<td>Course Name:<sup>*</sup></td><td>
								<select name="course_name" required>
								<option value=''>Select Course</option>
								<option value='1'>Web Engineering - Morning</option>
								<option value='2'>Web Engineering - Evening</option>
								<option value='3'>Java Programming - Morning</option>
								<option value='4'>Java Programming - Evening</option>
								<option value='5'>System Administration - Morning</option>
								<option value='6'>System Administration - Evening</option>
								
							</select>
								
							</td></tr>
							
							<tr><td>Education Level:<sup>*</sup></td><td>
							<select name="edu_level" required>
								<option value=''>Select Highest Level</option>
								<option value='School Graduate'>School Graduate</option>
								<option value='College certification/diploma'>College certificate/diploma</option>
								<option value='Bachelor'>Bachelor</option>
								<option value='Master'>Master</option>
								<option value='Doctor'>Doctor</option>
								<option value='Undeclared'>Undeclared</option>
							</select></td>
							<td>&nbsp;
								
							</td>
							</tr>
							
							<tr><th>Payment Information:</th><td>
							&nbsp;
							</td>
							<td>&nbsp;</td><td>
								&nbsp;
								
							</td></tr>
							
							<tr><td>Paid Amount:</td><td>
							<input type="text" name="paid">
							</td>
							<td>&nbsp;</td><td>
								&nbsp;
								
							</td></tr>
							<tr><td>Due Amount:</td><td>
							<input type="text" name="due">
							</td>
							<td>&nbsp;</td><td>
								<input type="hidden" name="task" value="insert"/>
								
							</td></tr>
							<tr><td class="well" style="border-right:0">&nbsp;</td><td class="well" style="border-right:0;border-left:0"></td><td class="well" style="border-right:0;border-left:0">&nbsp;</td><td class="well" style="border-left:0"><input type="submit" value="Register" class="btn btn-primary" name="sub_btn"/>&nbsp;&nbsp;<input type="reset" value="Clear" class="btn"></td></tr>


         		</table>
         			
         	</fieldset>
         </form>
         
         <!--/Form-->
         
         <!--Form Validation-->
     
        <!--/Form Validation-->
        </div>
      </div><!--/row-->

      <hr>

      <footer>
        <p style="color:#bbb">&copy;2012 All Rights Reserved<span class="pull-right">Powered by:<img src="../../assets/img/TechNation.png" /></span></p>
      </footer>

    </div><!--/.fluid-container-->

    <!-- Le javascript
    ================================================== -->
    <!-- Placed at the end of the document so the pages load faster -->
    
    <script src="../../assets/jqBootstrapValidation.js"></script>
    <script src="../../assets/js/bootstrap-transition.js"></script>
    <script src="../../assets/js/bootstrap-alert.js"></script>
    <script src="../../assets/js/bootstrap-modal.js"></script>
    <script src="../../assets/js/bootstrap-dropdown.js"></script>
    <script src="../../assets/js/bootstrap-scrollspy.js"></script>
    <script src="../../assets/js/bootstrap-tab.js"></script>
    <script src="../../assets/js/bootstrap-tooltip.js"></script>
    <script src="../../assets/js/bootstrap-popover.js"></script>
    <script src="../../assets/js/bootstrap-button.js"></script>
    <script src="../../assets/js/bootstrap-collapse.js"></script>
    <script src="../../assets/js/bootstrap-carousel.js"></script>
    <script src="../../assets/js/bootstrap-typeahead.js"></script>

  </body>
</html>

<!-- Localized -->